<script>
$(document).ready(function(){
  $("#allbook").addClass("selected");
});
$(document).ready(function(){
    $("#search").click(function(){
        var searchtype = document.getElementById('searchtype').value;//searchtype là loại tìm kiếm
        var keyword = document.getElementById('keyword').value;//keyword là từ khóa tìm kiếm
        if(keyword != "")
        {
            $.ajax({
                url: "search.php",
                type: "GET",
                data: "searchtype="+searchtype+"&keyword="+keyword,
                dataType: "html",
                success: function (data) {
                    $("#book_list").html(data);//Hiển thị danh sách các cuốn sách tìm được                             
                },
            });
        }
    });         
});
</script>
<div class="crumb_nav">
    <a href="index.php">Trang chủ</a> &gt;&gt; Sách
</div>
                <div class="search">
                	<input type="text" id="keyword" value="" />
                    <select id="searchtype">
                        <option value="all">Tất cả</option>
                    	<option value="book">Tên sách</option>
                        <option value="author">Tên tác giả</option>
                        <option value="publisher">Nhà xuất bản</option>
                    </select>
                    <input type="button" class="button" id="search" value=""/>
                    <div class="clear"></div>
                </div>
<div class="title">
    <span class="title_icon">
        <img src="images/bullet1.gif" alt="" title="" />
    </span>
    Sách các loại
</div>
<?php if($arrData['total']>0){ ?>
<div class="new_products" id="book_list">
    <?php foreach($arrData['books'] as $b){ ?>
    <div class="new_prod_box">
        <!-- Hiển thị tên của một cuốn sách -->
        <a href="detail.php?id=<?php echo $b['BookId']; ?>"><?php echo $b['Name'] ?></a>
        <div class="new_prod_bg">
        <!-- Hiển thị ảnh của một cuốn sách -->
        <a href="detail.php?id=<?php echo $b['BookId']; ?>"><img src="<?php echo $b['ImageUrl']; ?>" alt="<?php echo $b['Name'] ?>" title="<?php echo $b['Name'] ?>" class="thumb" border="0" style="width: 60px;height:100px;" /></a>
        </div>           
    </div>
    <?php } ?>
    
<div class="pagination">
<span class="disabled"><<</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a>…<a href="#?page=199">10</a><a href="#?page=200">11</a><a href="#?page=2">>></a>
</div>  

</div> 
<?php  }else{ ?>

<?php } ?>